<template>
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="nav-close"><i class="fa fa-times-circle"></i>
        </div>
        <div class="sidebar-collapse">
            <ul class="nav" id="side-menu">
                <li class="nav-header">
                    <div class="dropdown profile-element">
                        <!--<span><img alt="image" class="img-circle" src="img/profile_small.jpg" /></span>-->
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <span class="clear">
                               <span class="block m-t-xs"><strong class="font-bold">润滑油管理系统</strong></span>
                                    <!--<span class="text-muted text-xs block">
                                        超级管理员
                                        <b class="caret"></b>
                                    </span>-->
                                </span>
                        </a>
                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
                            <!--
                            <li><a class="J_menuItem" href="form_avatar.html">修改头像</a>
                            </li>
                            <li><a class="J_menuItem" href="profile.html">个人资料</a>
                            </li>
                            <li><a class="J_menuItem" href="contacts.html">联系我们</a>
                            </li>
                            <li><a class="J_menuItem" href="mailbox.html">信箱</a>
                            </li>
                            <li class="divider"></li>
                            <li><a href="login.html">安全退出</a>
                            </li>
                                                        -->
                        </ul>
                    </div>
                    <div class="logo-element">H+
                    </div>
                </li>
                <li>
                    <a href="#">
                        <i class="fa fa-home"></i>
                        <span class="nav-label">汽车系别</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="nav nav-second-level">
                        <li>
                            <a class="J_menuItem" href="#/brand" data-index="0">汽车品牌</a>
                        </li>
                        <li>
                            <a class="J_menuItem" href="#/factory">主机厂</a>
                        </li>
                        <li>
                            <a class="J_menuItem" href="#/model">车系</a>
                        </li>
                        <li>
                            <a class="J_menuItem" href="#/model_object">车型</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">
                        <i class="fa fa-home"></i>
                        <span class="nav-label">润滑油</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="nav nav-second-level">
                        <li>
                            <a class="J_menuItem" href="#/oil" data-index="0">油品列表</a>
                        </li>
                        <li>
                            <a class="J_menuItem" href="#/oil/0/edit" data-index="0">添加油品</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">
                        <i class="fa fa-home"></i>
                        <span class="nav-label">VIN码</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="nav nav-second-level">
                        <li>
                            <a class="J_menuItem" href="#/vin" data-index="0">VIN列表</a>
                        </li>
                        <li>
                            <a class="J_menuItem" href="#/vin/log" data-index="0">搜索日志</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
</template>
